<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Welcome</title>

    <link rel="stylesheet" href="/static/css/main.css"/>
</head>


<body >

<div style="position: relative">

    <div style="position: absolute; width: 100%; height: 100%">
        <div style="width: 100%; height: 46px; margin-left: auto; margin-right: auto;
        background-image:url(/static/images/bg_top.png)">

            <div style="width: 1000px; margin-left: auto; margin-right: auto; background-color: #ff66cb">

                <div style="width: 246px; height: 46px; float: left;">
                    <img src="static/images/logo.png" alt="Minecraft Panel">
                </div>

                <div style="width: 754px; height: 46px; float: left; margin-left: auto; margin-right: auto;">
{% if username %}
                    <div class="menu" style="position: relative; text-align: center; margin: auto; top: 12px; width: 500px; height: 18px;">
                          <a class="element_menu marked_purple">Управление сервером</a>
                          <a class="element_menu">Админы</a>
                          <a class="element_menu" href="/about">Поддержка</a>
                    </div>
{% else %}
                    <div class="menu" style="position: relative; text-align: center; margin: auto; top: 12px; width: 500px; height: 18px;">
                          <a class="element_menu">Регистрация</a>
                          <a class="element_menu">Админы</a>
                          <a class="element_menu" href="/about">Поддержка</a>
                    </div>
{%  endif %}


{% if username %}

                    <div class="login_username marked_purple">
                    {{ username }}
                    </div>

{% else %}


                </div>
            </div>

        </div>



        <div id="content" style="width: 100%; min-height: 600px; position: relative;/* background-color: #9899C3;*/">

            <div class="action_block">

                <div style="margin: auto; height: 200px; width: 220px;">

                        <form action="/login" style="margin: auto" method="post">
                        {% csrf_token %}

                            <label for="">Ваш логин
                                <br />
                                <input name="username" type="text" style="width: 192px" />
                            </label>

                            <br />

                            <label for="">Ваш пароль
                                <br />
                                <input name="userpassword" type="password" style="width: 192px" />
                            </label>
                            <br />

                            <p />
                            <input type="submit" title="Войти!" value="Войти!" style="width: 200px">


                        </form>
                </div>

                

{% endif %}


            </div>



        </div>

    </div>

</div>

</body>
</html>